<template>
  <el-card shadow="never">
    <div style="width: 400px;">
      <SubmitForm :form-list="formList" :rule-form="ruleForm"></SubmitForm>
    </div>
  </el-card>
</template>
<script>
export default {
  name: "index",
  data() {
    return {
      formList: [
        /**
         * 支付密码（标题）
         * 原始支付密码
         * 新密码
         * 确认新密码
         */
        {
          label: '支付密码',
          name: 'title'
        },
        {
          label: '原始支付密码',
          prop: 'oldPassword',
          placeholder: '请输入原始支付密码',
          name: 'input',
          type: 'password',
          showPassword: true,
          rules: [
            {required: true, message: '请输入原始支付密码', trigger: 'blur'}
          ]
        },
        {
          label: '新密码',
          prop: 'newPassword',
          placeholder: '请输入新密码',
          name: 'input',
          type: 'password',
          showPassword: true,
          rules: [
            {required: true, message: '请输入新密码', trigger: 'blur'}
          ]
        },
        {
          label: '确认新密码',
          prop: 'confirmPassword',
          placeholder: '请输入确认新密码',
          name: 'input',
          type: 'password',
          showPassword: true,
          rules: [
            {required: true, message: '请输入确认新密码', trigger: 'blur'}
          ]
        },

        {
          label: '谷歌验证码',
          prop: 'emailCode',
          name: 'input',
          placeholder: '请输入谷歌验证码',
          rules: [{required: true, message: '请输入谷歌验证码', trigger: 'blur'}]
        }
      ],
      ruleForm: {
        /**
         * 编写测试数据
         */
        oldPassword: '',
        newPassword: '',
        confirmPassword: ''
      }
    }
  }
}
</script>
<style scoped lang="scss">

</style>
